<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>TweenMax</title>
    <style type="text/css">
    .grey{ width: 100px; height: 100px; border: 1px solid #DDD; }
    </style>
</head>
<body>
    <div class="grey greyA1">greyA1</div>
    <div class="grey greyA2">greyA2</div>
    <div class="grey greyA3">greyA3</div>
</body>
<script src="https://www.tweenmax.com.cn/greensock-js/minified/TweenMax.min.js"></script>
<script type="text/javascript">
//TweenMax.set( target:Object, vars:Object ) : TweenMax
//立即设置目标的属性值而不产生过渡动画，相当于0的动画时间。

TweenMax.set('.greyA1', {x:100});
TweenMax.to('.greyA2', 0, {x:100});
TweenMax.to('.greyA3', 1, {x:100});
</script>
</html>
